import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:wanchong/conf.dart';
import 'package:wanchong/path.dart';
import 'package:flutter_easyrefresh/easy_refresh.dart';
import 'package:flutter_easyrefresh/bezier_hour_glass_header.dart';
import 'package:flutter_easyrefresh/bezier_bounce_footer.dart';

class Knowzselect extends StatefulWidget {
  @override
  _KonwState createState() => _KonwState();
}

class _KonwState extends State<Knowzselect> {
  var startTop = 0;
  var _GlList1 = [
    {
      'images': 'http://pic37.nipic.com/20140113/8800276_184927469000_2.png',
      'title': '主人不小心梳毛梳掉狗的铃铛， 狗狗怒不撒嘴，知道他名字后狗狗怒不撒嘴，知道他名字后...',
      'name': '我是谁我在那',
      'time': '2018-02-03',
      'conut': '20'
    },
    {
      'images': 'http://pic37.nipic.com/20140113/8800276_184927469000_2.png',
      'title': '主人不小心梳毛梳掉狗的铃铛， 狗狗怒不撒嘴，知道他名字后狗狗怒不撒嘴，知道他名字后...',
      'name': '我是谁我在那',
      'time': '2018-02-03',
      'conut': '20'
    },
    {
      'images': 'http://pic37.nipic.com/20140113/8800276_184927469000_2.png',
      'title': '主人不小心梳毛梳掉狗的铃铛， 狗狗怒不撒嘴，知道他名字后狗狗怒不撒嘴，知道他名字后...',
      'name': '我是谁我在那',
      'time': '2018-02-03',
      'conut': '20'
    },
    {
      'images': 'http://pic37.nipic.com/20140113/8800276_184927469000_2.png',
      'title': '主人不小心梳毛梳掉狗的铃铛， 狗狗怒不撒嘴，知道他名字后狗狗怒不撒嘴，知道他名字后...',
      'name': '我是谁我在那',
      'time': '2018-02-03',
      'conut': '20'
    },
    {
      'images': 'http://pic37.nipic.com/20140113/8800276_184927469000_2.png',
      'title': '主人不小心梳毛梳掉狗的铃铛， 狗狗怒不撒嘴，知道他名字后狗狗怒不撒嘴，知道他名字后...',
      'name': '我是谁我在那',
      'time': '2018-02-03',
      'conut': '20'
    },
    {
      'images': 'http://pic37.nipic.com/20140113/8800276_184927469000_2.png',
      'title': '主人不小心梳毛梳掉狗的铃铛， 狗狗怒不撒嘴，知道他名字后狗狗怒不撒嘴，知道他名字后...',
      'name': '我是谁我在那',
      'time': '2018-02-03',
      'conut': '20'
    },
    {
      'images': 'http://pic37.nipic.com/20140113/8800276_184927469000_2.png',
      'title': '主人不小心梳毛梳掉狗的铃铛， 狗狗怒不撒嘴，知道他名字后狗狗怒不撒嘴，知道他名字后...',
      'name': '我是谁我在那',
      'time': '2018-02-03',
      'conut': '20'
    },
    {
      'images': 'http://pic37.nipic.com/20140113/8800276_184927469000_2.png',
      'title': '主人不小心梳毛梳掉狗的铃铛， 狗狗怒不撒嘴，知道他名字后狗狗怒不撒嘴，知道他名字后...',
      'name': '我是谁我在那',
      'time': '2018-02-03',
      'conut': '20'
    },
    {
      'images': 'http://pic37.nipic.com/20140113/8800276_184927469000_2.png',
      'title': '主人不小心梳毛梳掉狗的铃铛， 狗狗怒不撒嘴，知道他名字后狗狗怒不撒嘴，知道他名字后...',
      'name': '我是谁我在那',
      'time': '2018-02-03',
      'conut': '20'
    },
    {
      'images': 'http://pic37.nipic.com/20140113/8800276_184927469000_2.png',
      'title': '主人不小心梳毛梳掉狗的铃铛， 狗狗怒不撒嘴，知道他名字后狗狗怒不撒嘴，知道他名字后...',
      'name': '我是谁我在那',
      'time': '2018-02-03',
      'conut': '20'
    },
    {
      'images': 'http://pic37.nipic.com/20140113/8800276_184927469000_2.png',
      'title': '主人不小心梳毛梳掉狗的铃铛， 狗狗怒不撒嘴，知道他名字后狗狗怒不撒嘴，知道他名字后...',
      'name': '我是谁我在那',
      'time': '2018-02-03',
      'conut': '20'
    },
    {
      'images': 'http://pic37.nipic.com/20140113/8800276_184927469000_2.png',
      'title': '主人不小心梳毛梳掉狗的铃铛， 狗狗怒不撒嘴，知道他名字后狗狗怒不撒嘴，知道他名字后...',
      'name': '我是谁我在那',
      'time': '2018-02-03',
      'conut': '20'
    },
    {
      'images': 'http://pic37.nipic.com/20140113/8800276_184927469000_2.png',
      'title': '主人不小心梳毛梳掉狗的铃铛， 狗狗怒不撒嘴，知道他名字后狗狗怒不撒嘴，知道他名字后...',
      'name': '我是谁我在那',
      'time': '2018-02-03',
      'conut': '20'
    },
    {
      'images': 'http://pic37.nipic.com/20140113/8800276_184927469000_2.png',
      'title': '主人不小心梳毛梳掉狗的铃铛， 狗狗怒不撒嘴，知道他名字后狗狗怒不撒嘴，知道他名字后...',
      'name': '我是谁我在那',
      'time': '2018-02-03',
      'conut': '20'
    },
    {
      'images': 'http://pic37.nipic.com/20140113/8800276_184927469000_2.png',
      'title': '主人不小心梳毛梳掉狗的铃铛， 狗狗怒不撒嘴，知道他名字后狗狗怒不撒嘴，知道他名字后...',
      'name': '我是谁我在那',
      'time': '2018-02-03',
      'conut': '20'
    },
    {
      'images': 'http://pic37.nipic.com/20140113/8800276_184927469000_2.png',
      'title': '主人不小心梳毛梳掉狗的铃铛， 狗狗怒不撒嘴，知道他名字后狗狗怒不撒嘴，知道他名字后...',
      'name': '我是谁我在那',
      'time': '2018-02-03',
      'conut': '20'
    },
    {
      'images': 'http://pic37.nipic.com/20140113/8800276_184927469000_2.png',
      'title': '主人不小心梳毛梳掉狗的铃铛， 狗狗怒不撒嘴，知道他名字后狗狗怒不撒嘴，知道他名字后...',
      'name': '我是谁我在那',
      'time': '2018-02-03',
      'conut': '20'
    },
    {
      'images': 'http://pic37.nipic.com/20140113/8800276_184927469000_2.png',
      'title': '主人不小心梳毛梳掉狗的铃铛， 狗狗怒不撒嘴，知道他名字后狗狗怒不撒嘴，知道他名字后...',
      'name': '我是谁我在那',
      'time': '2018-02-03',
      'conut': '20'
    },
  ];
  var _GlList = [
    {
      'images': 'http://pic37.nipic.com/20140113/8800276_184927469000_2.png',
      'title': '主人不小心梳毛梳掉狗的铃铛， 狗狗怒不撒嘴，知道他名字后狗狗怒不撒嘴，知道他名字后...',
      'name': '我是谁我在那',
      'time': '2018-02-03',
      'conut': '20'
    },
    {
      'images': 'http://pic37.nipic.com/20140113/8800276_184927469000_2.png',
      'title': '主人不小心梳毛梳掉狗的铃铛， 狗狗怒不撒嘴，知道他名字后狗狗怒不撒嘴，知道他名字后...',
      'name': '我是谁我在那',
      'time': '2018-02-03',
      'conut': '20'
    },
    {
      'images': 'http://pic37.nipic.com/20140113/8800276_184927469000_2.png',
      'title': '主人不小心梳毛梳掉狗的铃铛， 狗狗怒不撒嘴，知道他名字后狗狗怒不撒嘴，知道他名字后...',
      'name': '我是谁我在那',
      'time': '2018-02-03',
      'conut': '20'
    },
    {
      'images': 'http://pic37.nipic.com/20140113/8800276_184927469000_2.png',
      'title': '主人不小心梳毛梳掉狗的铃铛， 狗狗怒不撒嘴，知道他名字后狗狗怒不撒嘴，知道他名字后...',
      'name': '我是谁我在那',
      'time': '2018-02-03',
      'conut': '20'
    },
    {
      'images': 'http://pic37.nipic.com/20140113/8800276_184927469000_2.png',
      'title': '主人不小心梳毛梳掉狗的铃铛， 狗狗怒不撒嘴，知道他名字后狗狗怒不撒嘴，知道他名字后...',
      'name': '我是谁我在那',
      'time': '2018-02-03',
      'conut': '20'
    },
    {
      'images': 'http://pic37.nipic.com/20140113/8800276_184927469000_2.png',
      'title': '主人不小心梳毛梳掉狗的铃铛， 狗狗怒不撒嘴，知道他名字后狗狗怒不撒嘴，知道他名字后...',
      'name': '我是谁我在那',
      'time': '2018-02-03',
      'conut': '20'
    },
    {
      'images': 'http://pic37.nipic.com/20140113/8800276_184927469000_2.png',
      'title': '主人不小心梳毛梳掉狗的铃铛， 狗狗怒不撒嘴，知道他名字后狗狗怒不撒嘴，知道他名字后...',
      'name': '我是谁我在那',
      'time': '2018-02-03',
      'conut': '20'
    },
    {
      'images': 'http://pic37.nipic.com/20140113/8800276_184927469000_2.png',
      'title': '主人不小心梳毛梳掉狗的铃铛， 狗狗怒不撒嘴，知道他名字后狗狗怒不撒嘴，知道他名字后...',
      'name': '我是谁我在那',
      'time': '2018-02-03',
      'conut': '20'
    },
    {
      'images': 'http://pic37.nipic.com/20140113/8800276_184927469000_2.png',
      'title': '主人不小心梳毛梳掉狗的铃铛， 狗狗怒不撒嘴，知道他名字后狗狗怒不撒嘴，知道他名字后...',
      'name': '我是谁我在那',
      'time': '2018-02-03',
      'conut': '20'
    },
    {
      'images': 'http://pic37.nipic.com/20140113/8800276_184927469000_2.png',
      'title': '主人不小心梳毛梳掉狗的铃铛， 狗狗怒不撒嘴，知道他名字后狗狗怒不撒嘴，知道他名字后...',
      'name': '我是谁我在那',
      'time': '2018-02-03',
      'conut': '20'
    },
    {
      'images': 'http://pic37.nipic.com/20140113/8800276_184927469000_2.png',
      'title': '主人不小心梳毛梳掉狗的铃铛， 狗狗怒不撒嘴，知道他名字后狗狗怒不撒嘴，知道他名字后...',
      'name': '我是谁我在那',
      'time': '2018-02-03',
      'conut': '20'
    },
    {
      'images': 'http://pic37.nipic.com/20140113/8800276_184927469000_2.png',
      'title': '主人不小心梳毛梳掉狗的铃铛， 狗狗怒不撒嘴，知道他名字后狗狗怒不撒嘴，知道他名字后...',
      'name': '我是谁我在那',
      'time': '2018-02-03',
      'conut': '20'
    },
    {
      'images': 'http://pic37.nipic.com/20140113/8800276_184927469000_2.png',
      'title': '主人不小心梳毛梳掉狗的铃铛， 狗狗怒不撒嘴，知道他名字后狗狗怒不撒嘴，知道他名字后...',
      'name': '我是谁我在那',
      'time': '2018-02-03',
      'conut': '20'
    },
    {
      'images': 'http://pic37.nipic.com/20140113/8800276_184927469000_2.png',
      'title': '主人不小心梳毛梳掉狗的铃铛， 狗狗怒不撒嘴，知道他名字后狗狗怒不撒嘴，知道他名字后...',
      'name': '我是谁我在那',
      'time': '2018-02-03',
      'conut': '20'
    },
    {
      'images': 'http://pic37.nipic.com/20140113/8800276_184927469000_2.png',
      'title': '主人不小心梳毛梳掉狗的铃铛， 狗狗怒不撒嘴，知道他名字后狗狗怒不撒嘴，知道他名字后...',
      'name': '我是谁我在那',
      'time': '2018-02-03',
      'conut': '20'
    },
    {
      'images': 'http://pic37.nipic.com/20140113/8800276_184927469000_2.png',
      'title': '主人不小心梳毛梳掉狗的铃铛， 狗狗怒不撒嘴，知道他名字后狗狗怒不撒嘴，知道他名字后...',
      'name': '我是谁我在那',
      'time': '2018-02-03',
      'conut': '20'
    },
    {
      'images': 'http://pic37.nipic.com/20140113/8800276_184927469000_2.png',
      'title': '主人不小心梳毛梳掉狗的铃铛， 狗狗怒不撒嘴，知道他名字后狗狗怒不撒嘴，知道他名字后...',
      'name': '我是谁我在那',
      'time': '2018-02-03',
      'conut': '20'
    },
    {
      'images': 'http://pic37.nipic.com/20140113/8800276_184927469000_2.png',
      'title': '主人不小心梳毛梳掉狗的铃铛， 狗狗怒不撒嘴，知道他名字后狗狗怒不撒嘴，知道他名字后...',
      'name': '我是谁我在那',
      'time': '2018-02-03',
      'conut': '20'
    },
  ];
  GlobalKey<EasyRefreshState> _easyRefreshKey =
      new GlobalKey<EasyRefreshState>();
  GlobalKey<RefreshHeaderState> _headerKey =
      new GlobalKey<RefreshHeaderState>();
  GlobalKey<RefreshFooterState> _footerKey =
      new GlobalKey<RefreshFooterState>();
  @override
  Widget build(BuildContext context) {
    return Container(
      child: Scaffold(
        backgroundColor: Colors.white,
        appBar: new PreferredSize(
          child: new Container(
            padding:
                new EdgeInsets.only(top: MediaQuery.of(context).padding.top),
            child: Container(
              height: 100.0,
              color: Colors.white,
              child: Column(
                children: <Widget>[
                  Row(
                    children: <Widget>[
                      GestureDetector(
                        onTap: () {
                          Navigator.pop(context);
                        },
                        child: Container(
                          width: 44.0,
                          height: 44.0,
                          child: Image.asset('assets/login/fanhui@3x.png'),
                        ),
                      ),
                      Expanded(
                        child: Container(
                          child: Text(
                            '知识问答',
                            style: TextStyle(
                              color: Color(0xFF000000),
                              fontSize: 17,
                              fontWeight: FontWeight.w700,
                            ),
                          ),
                          height: 44.0,
                          alignment: Alignment.center,
                        ),
                      ),
                      Container(
                        width: 50.0,
                        height: 44.0,
                      ),
                    ],
                  ),
                  Row(
                    children: <Widget>[
                      Container(
                        width: 15.0,
                        height: 44.0,
                      ),
                      Expanded(
                          child: GestureDetector(
                        onTap: () {
                          Navigator.of(context).pushNamed(InfosearchPath);
                        },
                        child: Container(
                          height: 35,
                          decoration: BoxDecoration(
                            color: Color(0xFFFAFAFA),
                            borderRadius: BorderRadius.circular(5.0),
                          ),
                          child: Row(
                            mainAxisAlignment: MainAxisAlignment.center,
                            crossAxisAlignment: CrossAxisAlignment.center,
                            children: <Widget>[
                              Icon(Icons.search,
                                  color: Color(0xFF647280), size: 20.0),
                              SizedBox(
                                width: 4,
                              ),
                              Text(
                                '搜索',
                                style: new TextStyle(
                                  fontSize: 14,
                                  color: Color(0xFF647280),
                                ),
                              ),
                            ],
                          ),
                        ),
                      )),
                      Container(
                        width: 15.0,
                      ),
                    ],
                  ),
                ],
              ),
            ),
            decoration: new BoxDecoration(
              gradient: new LinearGradient(
                  colors: [Color(0x00000000), Color(0x00000000)],
                  begin: const FractionalOffset(0.0, 0.0),
                  end: const FractionalOffset(1.0, 1.0),
                  stops: [0.0, 1.0],
                  tileMode: TileMode.clamp),
            ),
          ),
          preferredSize: new Size(MediaQuery.of(context).size.width, 150.0),
        ),
        body: Container(
          color: Color(0xFFFAFAFA),
          child: EasyRefresh(
              key: _easyRefreshKey,
              behavior: ScrollOverBehavior(),
              refreshHeader: BezierHourGlassHeader(
                key: _headerKey,
                color: Color(0xFFFFCC33),
                backgroundColor: Colors.white,
              ),
              refreshFooter: BezierBounceFooter(
                key: _footerKey,
                color: Color(0xFFFFCC33),
                backgroundColor: Colors.white,
              ),
              onRefresh: () async {
                await new Future.delayed(const Duration(seconds: 1), () {
                  setState(() {});
                });
              },
              loadMore: () async {
                await new Future.delayed(const Duration(seconds: 1), () {
                  setState(() {});
                });
              },
              child: listPostion()),
        ),
      ),
    );
  }

  Widget listPostion() {
    return ListView.builder(
      itemBuilder: (BuildContext context, int index) {
        if (index == 0) {
          return Column(
            children: <Widget>[
              SizedBox(
                height: ScreenUtil.getInstance().setHeight(15.0),
              ),
              _item(0)
            ],
          );
        } else {
          return _item(index);
        }
      },
      itemCount: 20,
    );
  }

  Widget _item(int index) {
    return GestureDetector(
      onTap: () {
        Navigator.of(context).pushNamed(WebviewzPath);
      },
      child: Container(
        height: 160.0,
        color: Colors.white,
        child: Column(
          children: <Widget>[
            Row(
              children: <Widget>[
                Container(
                    width: 20,
                    height: 20,
                    margin: EdgeInsets.only(left: 15),
                    child: Image.asset('assets/user/zhishi_question_icon.png',
                        width: 20, height: 20, fit: BoxFit.cover)),
                Expanded(
                  child: Container(
                    height: 50,
                    padding: EdgeInsets.only(right: 15.0),
                    margin: EdgeInsets.only(left: 15.0, top: 15),
                    child: Text(
                      '哺乳期柯基犬喂养需要注意些什么？营养补充可以吃什么？哺乳期柯基犬喂养需要注意些什么？营养补充可以吃什么？',
                      textAlign: TextAlign.left,
                      maxLines: 2,
                      overflow: TextOverflow.ellipsis,
                      style: new TextStyle(
                          fontSize: 17.0, color: Color(0xFF3C4450)),
                    ),
                  ),
                ),
              ],
            ),
            Container(
              height: 60,
              color: Color(0xFFFAFAFA),
              padding: EdgeInsets.all(10.0),
              margin: EdgeInsets.only(left: 15.0, right: 15),
              child: Text(
                '哺乳期柯基犬喂养需要注意些什么？营养补充可以吃什么？哺乳期柯基犬喂养需要注意些什么？营养补充可以吃什么？',
                textAlign: TextAlign.left,
                maxLines: 2,
                overflow: TextOverflow.ellipsis,
                style: new TextStyle(fontSize: 14.0, color: Color(0xFFB4BEC6)),
              ),
            ),
            Row(
              children: <Widget>[
                Expanded(
                  child: Container(),
                ),
                Container(
                  height: 20,
                  margin: EdgeInsets.only(top: 5.0, right: 15.0),
                  child: Row(
                    children: <Widget>[
                      Text(
                        '495 浏览',
                        style: new TextStyle(
                            fontSize: 12.0, color: Color(0xFFB4BEC6)),
                      ),
                      Text(
                        '378 赞同',
                        style: new TextStyle(
                            fontSize: 12.0, color: Color(0xFFB4BEC6)),
                      ),
                    ],
                  ),
                )
              ],
            ),
            Container(
              margin: EdgeInsets.only(left: 15.0, right: 15.0, top: 8.0),
              height: ScreenUtil.getInstance().setHeight(1.0),
              color: Color(0xFFDBDBDB),
            )
          ],
        ),
      ),
    );
  }
}
